<template lang="html">
  <div class="dujia">
    <h3 class="dujia_h3">
        <span class="h3_01"></span>
        <span class="h3_02">凯撒独家</span>
        <a href="javascript(void);" class="h3_a">更多</a>
    </h3>
    <ul class="clear">
    </ul>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="css" scoped>
.dujia {
    background-color: #FFF;
    margin-top: 15px;
    padding: 0px 10px 10px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
}
.dujia_h3 {
    width: 100%;
    padding: 10px 0px;
    padding-right: 10px;
    position: relative;
    margin-left: -5px;
}
.h3_01 {
    height: 18px;
    background-color: #ffaa01;
    width: 6px;
    border-radius: 4px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 15px;
}
.h3_02 {
    font-size: 16px;
    margin-left: 1.5rem;
    color: #333333;
    margin-top: 4px;
    display: inline-block;
}
.h3_a {
    padding-right: 15px;
    background: url(../../../static/images/xq_11.jpg) no-repeat right center;
    background-size: 7px;
    font-size: 14px;
    color: #00b0ec;
    position: absolute;
    right: 5px;
    top: 13px;
    z-index: 2;
}
.dujia ul {
    width: 100%;
}
.clear::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.clear {
    zoom: 1;
}
</style>
